/*
 * @Author: 千锋爱佛僧
 * @公众号: 大前端私房菜
 * @Slogan: 千锋精品教程，好学得不像实力派！
 */
import * as React from "react";
import styled from "styled-components";
import ballBg from "@/assets/ball_bg.png";
export interface IBall2Props {}

export default function Ball2(props: IBall2Props) {
  return (
    <BallCont>
      <div className="sphere"></div>
    </BallCont>
  );
}

const BallCont = styled.div`
  .sphere {
    width: 200px;
    height: 200px;
    border-radius: 50%;
    background-image: url(${ballBg});
    background-size: cover;
    transform-style: preserve-3d;
    perspective: 1000px;
    transform: rotateX(60deg) rotateY(45deg) rotateZ(45deg);
  }
`;
